<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="ie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>Your Page Title Here</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/jscal2.css" />
	<link rel="stylesheet" href="css/flexslider.css" />
	<link rel="stylesheet" href="css/jquery.fancybox.css" />
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->


</head>
<body>
	
        
	<div class="container">
    <div class="overlay"></div>
    <div class="popup profile-popup notifications-pop">
        	<a href="javascript:void(0)" class="popup-close">x</a>
        	<div class="popup-content">
                <div class="area">
                	<div class="verify ask">
                    	<h4>
                        Please enter your current Email and Mobile in order to continue using the portal,<br>
Please note that Email and mobile must be valid, Verification code will be sent to your Email and mobile for validation
						</h4>
                        <ul class="form-list">
                        	<li class="clearfix">
                            	<label>Your Email </label>
                                <input type="text">
                                <input type="submit" value="Verify">
                                <input type="submit" value="Resend">
                            </li>
                            <li class="clearfix">
                            	<label>Code</label>
                                <input type="text" class="code-verify">
                                <input type="submit" value="Confirm">
                            </li>
                        </ul>
                        <div>Verification Password has been sent to mail@domain.com</div>
                        <hr>
                        <ul class="form-list">
                        	<li class="clearfix">
                            	<label>Your Email </label>
                                <input type="text">
                                <input type="submit" value="Verify">
                                <input type="submit" value="Resend">
                            </li>
                            <li class="clearfix">
                            	<label>Code</label>
                                <input type="text" class="code-verify">
                                <input type="submit" value="Confirm">
                            </li>
                        </ul>
                        <div>Verification Password has been sent to 01288885552</div>
                    </div>
                </div>
            </div>
        </div>
    <div class="popup profile-popup notifications-pop">
        	<a href="javascript:void(0)" class="popup-close">x</a>
        	<div class="popup-content">
                <div class="area">
                	Notifications Here
                </div>
            </div>
        </div>
    <div class="popup profile-popup">
        	<a href="javascript:void(0)" class="popup-close">x</a>
        	<div class="popup-content">
                <div class="area">
                	<div class="profile-define">
                    	<figure>
                        	<img src="images/user.png" alt="">
                        </figure>
                        <div class="group-container raduis">
                            	<ul>
                                	<li>
                                    	status: 
                                        <span class="status online"></span>
                                </li></ul>
                            </div>
                    </div>
                    <div class="profile-data">
                    	<ul>
                        	<li class="clearfix">
                            	<span>Name:</span>
                                Ahmed Mohamed Gamil
                            </li>
                            <li class="clearfix">
                            	<span>Code:</span>
                                20081275
                            </li>
                            <li class="clearfix">
                            	<span>Faculty:</span>
                                Dentistry
                            </li>
                            <li class="clearfix">
                            	<span>Email: </span>
                                <a href="#">20081275@fue.edu.eg</a>
                            </li>
                            <li class="clearfix">
                            	<span>BirthDate:</span>
                                24/11/1989
                            </li>
                        </ul>
                        <div class="form">
	                        <input type="text" class="raduis">
                            <input type="submit" value="Send">
                        </div>
                    </div>
                    <div class="buttons">
                    	<a href="#" class="first raduis">First</a>
                        <a href="#" class="prev raduis">Prev</a>
                        <a href="#" class="next raduis">Next</a>
                        <a href="#" class="last raduis">Last</a>
                    </div>
                </div>
            </div>
        </div>
    <div class="popup profile-popup change-pass">
        	<a href="javascript:void(0)" class="popup-close">x</a>
        	<div class="popup-content">
                <div class="area">
                	<h3 >Change Password</h3>
                    <ul class="add-subject-popup">
                    	<li class="clearfix">
                        	<span>Old Password:</span>
                            <input type="text">
                        </li>
                        <li class="clearfix">
                        	<span>New Password:</span>
                            <input type="text">
                        </li>
                        <li class="clearfix">
                        	<span>Confirm Password:</span>
                            <input type="text">
                        </li>
                    </ul>
                    <div class="button">
                    	<input type="submit" value="Change Password">
                    </div>
                </div>
            </div>
        </div>
    <header>
        <div class="top-header">
	        <div class="page-content clearfix">
            	<a href="#" class="logout">
                	<span></span>
                    Logout 
                </a>
                <div class="user-name">
                	Welcome, Joseph
                </div>
                <div class="notifications ">
                	<span class="counterNum">6</span>
                </div>
                <div class="notifications active">
                	<span class="counterNum">6</span>
                </div>
                <input type="submit" value="">
                <input type="text" placeholder="Search">
                
                <div class="news-ticker-title">اخر الاخبار</div>
                <div class="news-list">
					<ul>
		<li>
        <a href="news.html">
			الاستخبارات الأمريكية: ظهور جماعة في سوريا لا تقل خطورة عن" داعش" - موقع الأخبار اليوم
             
             </a>
        </li>
		<li>
        <a href="news.html">
        	لوريم إيبسوم هو ببساطة نص شكلي مايكر"  والتي حوت أيضاً على نسخ من نص لوريم .
             
             </a>
        </li>
        <li>
        <a href="news.html">
        	لوريم إيبسوم هو ببساطة نص شكلي مايكر"  والتي حوت أيضاً على نسخ من نص لوريم .
             
             </a>
        </li>
        <li>
        <a href="news.html">
        	لوريم إيبسوم هو ببساطة نص شكلي مايكر"  والتي حوت أيضاً على نسخ من نص لوريم .
             
             </a>
        </li>
        <li>
        <a href="news.html">
        	لوريم إيبسوم هو ببساطة نص شكلي مايكر"  والتي حوت أيضاً على نسخ من نص لوريم .
             
             </a>
        </li>
	</ul>
				</div>
            </div>
        </div>
        <div class="page-content clearfix">
    	<h1 class="logo">
        	<a href="#">
            	FUEBOOK
                <span></span>
            </a>
        </h1>
        <a href="#" class="website-name"></a>
        
        <div class="quote">
        	<span class="quote-left"></span>
            <span class="quote-right"></span>
        	In every CHOICES that we choose, There's always a RISK; But always 
			remember that there's also a chance - Kent Solatorio Lopez 
        </div>
        <figure class="user-image">
	        <img src="images/user.png" alt="">
        </figure>
        <a href="javascript:void(0)" class="change-password">Change Password</a>
    </div>
    </header>
    <section class="content clearfix">
    	<div class="page-content">
	        <div class="colored-sections">
            	<a href="#" class="section green">
                	<div class="details">
                    	<h3>My Courses</h3>
                        <p>
                        	Lorem ipsum dolor sit amet
							adipiscing elit
                        </p>
                    </div>
                </a>
                <a href="#" class="section gray">
                	<div class="details">
                    	<h3>Evaluation</h3>
                        <p>
                        	Lorem ipsum dolor sit amet
							adipiscing elit
                        </p>
                    </div>
                </a>
                <a href="#" class="section red">
                	<span class="messages-count">17</span>
                	<div class="details">
                    	<h3>Inbox</h3>
                        <p>
                        	Lorem ipsum dolor sit amet
							adipiscing elit
                        </p>
                    </div>
                </a>
                <a href="#" class="section orange">
                	<div class="details">
                    	<h3>Moodle</h3>
                        <p>
                        	Lorem ipsum dolor sit amet
							adipiscing elit
                        </p>
                    </div>
                </a>
            </div>
            <div class="clearfix content-area">
            	<aside class="left-col">
                	<nav>
                    	<ul>
                        	<li>
                            	<a href="#">Home</a>
                            </li>
                            <li>
                            	<a href="javascript:void(0)">Profile</a>
                                <ul>
                                	<li>
                                    	<a href="#">Main Data</a>
                                    </li>
                                    <li>
                                    	<a href="#">Contact Information</a>
                                    </li>
                                    <li>
                                    	<a href="#">Privacy Settings</a>
                                    </li>
                                    <li>
                                    	<a href="#">My Groups</a>
                                    </li>
                                    <li>
                                    	<a href="#">Researches</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                            	<a href="javascript:void(0)">Academics</a>
                                <ul>
                                	<li>
                                    	<a href="#">Academic Information</a>
                                    </li>
                                    <li>
                                    	<a href="#">Result</a>
                                    </li>
                                    <li>
                                    	<a href="#">Early Registraion</a>
                                    </li>
                                    <li>
                                    	<a href="#">Alumni</a>
                                    </li>
                                    <li>
                                    	<a href="#">My Bill Payments</a>
                                    </li>
                                    <li>
                                    	<a href="#">My Attendance</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                            	<a href="javascript:void(0)">Activities</a>
                                <ul>
                                	<li>
                                    	<a href="#">Messaging</a>
                                    </li>
                                    <li>
                                    	<a href="#">My Club</a>
                                    </li>
                                    <li>
                                    	<a href="#">E-Library</a>
                                    </li>
                                    <li>
                                    	<a href="#">Market Place</a>
                                    </li>
                                    <li>
                                    	<a href="#">Gallery</a>
                                    </li>
                                    <li>
                                    	<a href="#">FaceBook Gallery</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                    
                    <h3>
                    	Ask-me
                        <span class="toggle-show"></span>
                    </h3>
                    <div class="ask hidden-box clearfix">
                    <textarea></textarea>
                    <input type="submit" value="Ask">
                    </div>
                    <h3>
                    	Links
                        <span class="toggle-show"></span>
                    </h3>
                    <div class="hidden-box clearfix">
                   		<div class="links">
                            <a href="/">
                                Google
                            </a>
                            <a href="/">
                                Wikipedia
                            </a>
                        </div>
                    </div>
                    <h3>
                    	 Wikipedia
                        <span class="toggle-show clearfix"></span>
                    </h3>
                    <div class="hidden-box clearfix">
                    	<div class="wiki-search">
                            <input type="text" placeholder="Wikipedia Search">
                            <input type="submit" value="Search">
                        </div>
                    </div>
                    <h3>
                    	 Marketplace
                        <span class="toggle-show clearfix"></span>
                    </h3>
                    <div class="hidden-box clearfix">
                    	<div class="marketplace-slider">
          <ul class="slides">
            	<li>
  	    	    	<img src="images/marketplace.png" />
                    <h4>Title Here</h4>
                    <p>
                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem scelerisque libero.
                    </p>
                    <a href="#">Read more</a>
  	    		</li>
                <li>
  	    	    	<img src="images/marketplace.png" />
                    <h4>Title Here</h4>
                    <p>
                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem scelerisque libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem scelerisque libero.
                    </p>
                    <a href="#">Read more</a>
  	    		</li>
                <li>
  	    	    	<img src="images/marketplace.png" />
                    <h4>Title Here</h4>
                    <p>
                    	Lorem ipsum dolor sit amet, consectetur 
                    </p>
                    <a href="#">Read more</a>
  	    		</li>
          </ul>
        </div>
                    </div>
                </aside>
                <article class="home-center">
                <div class="columnWide">
                <div class="portlet clearfix">
                  
                    <h4 class="home-heading">
                    	Social
                        <span class="drag-btn"></span>
                        <span class="social-icon"></span>
                    </h4>
                    <div class="add-status clearfix">
                    	<input type="text" placeholder="What's on your mind?"> 
                        <input type="submit" value="Post" class="post">
                        <a href="#" class="settings"></a>
                        <a href="javascript:void(0)" class="attach"></a>
                        <div class="attach-option clearfix">
                        	<div class="attach-option-arrow"></div>
                            <div class="attach-option-arrow-top"></div>
                            <form>
                            <div class="upload-input">
                            	<input type="file">
                            </div>
                            <input type="text">
                            <a href="javascript:void(0)" id="show-youtube"></a>
                            </form>
                        </div>
                    </div>
                    <div class="list">
                    	<div class="post clearfix">
                        	<figure>
                            	<a href="javascript:void(0)" class="show-popup">
		                            <img src="images/user.png" alt="">
                                </a>
                            </figure>
                            <div class="details">
                            	<a href="javascript:void(0)" class="show-popup">Mohamed Samy Mohamed</a>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.
                                </p>
                                <span class="date">Saturday, April 26, 2014 2:11 AM</span>
                                <span class="comment-count">2 comment.</span>
                                <a href="#" class="delete">Delete</a>
                            </div>
                            <div class="comments clearfix">
                            	<div class="comments-list">
                                	<input type="text" placeholder="Write a Comment ...">
                                    <input type="submit" value="Comment">
                                    
                                    <div class="comment-entry">
                                    	<figure>
                            	<a href="#">
		                            <img src="images/user.png" alt="">
                                </a>
                            </figure>
                            			<div class="details">
                            	<a href="#">Mohamed Samy Mohamed</a>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.
                                </p>
                                <span class="date">Saturday, April 26, 2014 2:11 AM </span>
                                <a href="#" class="delete">Delete</a>
                            </div>
                            		</div>
                                    <div class="comment-entry">
                                    	<figure>
                            	<a href="#">
		                            <img src="images/user.png" alt="">
                                </a>
                            </figure>
                            			<div class="details">
                            	<a href="#">Mohamed Samy Mohamed</a>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.
                                </p>
                                <span class="date">Saturday, April 26, 2014 2:11 AM</span>
                            </div>
                            		</div>
                                    
                                </div>
                            </div>
                        </div>
                        <div class="post clearfix">
                        	<figure>
                            	<a href="#">
		                            <img src="images/user.png" alt="">
                                </a>
                            </figure>
                            <div class="details">
                            	<a href="#">Mohamed Samy Mohamed</a>
                                <p>
                                	<a class="fancybox" href="images/Chrysanthemum.jpg" data-fancybox-group="gallery" ><img src="images/post-img.png" alt=""></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.
                                </p>
                                <span class="date">Saturday, April 26, 2014 2:11 AM</span>
                                <span class="comment-count">2 comment.</span>
                            </div>
                            <div class="comments clearfix">
                            	<div class="comments-list">
                                	<input type="text" placeholder="Write a Comment ...">
                                    <input type="submit" value="Comment">
                                    
                                    <div class="comment-entry">
                                    	<figure>
                            	<a href="#">
		                            <img src="images/user.png" alt="">
                                </a>
                            </figure>
                            			<div class="details">
                            	<a href="#">Mohamed Samy Mohamed</a>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.
                                </p>
                                <span class="date">Saturday, April 26, 2014 2:11 AM</span>
                            </div>
                            		</div>
                                    <div class="comment-entry">
                                    	<figure>
                            	<a href="#">
		                            <img src="images/user.png" alt="">
                                </a>
                            </figure>
                            			<div class="details">
                            	<a href="#">Mohamed Samy Mohamed</a>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.
                                </p>
                                <span class="date">Saturday, April 26, 2014 2:11 AM</span>
                            </div>
                            		</div>
                                    
                                </div>
                            </div>
                        </div>
                        <div class="post clearfix">
                        	<figure>
                            	<a href="#">
		                            <img src="images/user.png" alt="">
                                </a>
                            </figure>
                            <div class="details">
                            	<a href="#">Mohamed Samy Mohamed</a>
                                <p>
                                	<a class="videos fancybox.iframe" href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1">
                                    	<img src="images/post-img.png" alt="">
                                    </a>
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.
                                </p>
                                <span class="date">Saturday, April 26, 2014 2:11 AM</span>
                                <span class="comment-count">2 comment.</span>
                            </div>
                            <div class="comments clearfix">
                            	<div class="comments-list">
                                	<input type="text" placeholder="Write a Comment ...">
                                    <input type="submit" value="Comment">
                                    
                                    <div class="comment-entry">
                                    	<figure>
                            	<a href="#">
		                            <img src="images/user.png" alt="">
                                </a>
                            </figure>
                            			<div class="details">
                            	<a href="#">Mohamed Samy Mohamed</a>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.
                                </p>
                                <span class="date">Saturday, April 26, 2014 2:11 AM</span>
                            </div>
                            		</div>
                                    <div class="comment-entry">
                                    	<figure>
                            	<a href="#">
		                            <img src="images/user.png" alt="">
                                </a>
                            </figure>
                            			<div class="details">
                            	<a href="#">Mohamed Samy Mohamed</a>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.
                                </p>
                                <span class="date">Saturday, April 26, 2014 2:11 AM</span>
                            </div>
                            		</div>
                                    
                                </div>
                            </div>
                        </div>
                        <div class="post clearfix">
                        	<figure>
                            	<a href="#">
		                            <img src="images/user.png" alt="">
                                </a>
                            </figure>
                            <div class="details">
                            	<a href="#">Mohamed Samy Mohamed</a>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.
                                </p>
                                <span class="date">Saturday, April 26, 2014 2:11 AM</span>
                                <span class="comment-count">2 comment.</span>
                            </div>
                            <div class="comments clearfix">
                            	<div class="comments-list">
                                	<input type="text" placeholder="Write a Comment ...">
                                    <input type="submit" value="Comment">
                                    
                                    <div class="comment-entry">
                                    	<figure>
                            	<a href="#">
		                            <img src="images/user.png" alt="">
                                </a>
                            </figure>
                            			<div class="details">
                            	<a href="#">Mohamed Samy Mohamed</a>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.
                                </p>
                                <span class="date">Saturday, April 26, 2014 2:11 AM</span>
                            </div>
                            		</div>
                                    <div class="comment-entry">
                                    	<figure>
                            	<a href="#">
		                            <img src="images/user.png" alt="">
                                </a>
                            </figure>
                            			<div class="details">
                            	<a href="#">Mohamed Samy Mohamed</a>
                                <p>
                                	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.
                                </p>
                                <span class="date">Saturday, April 26, 2014 2:11 AM</span>
                            </div>
                            		</div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="paging">
                    	<a class="view" href="#">View All</a>
                        <span class="numbers">
                        	<a href="#" class="current">1</a>
							<a href="#">2</a>
                            <a href="#">3</a>
                        </span>
                    </div>
                </div>
 				<div class="portlet clearfix">
                  <h4 class="home-heading">
                    	News
                        <span class="drag-btn"></span>
                        <span class="news-icon"></span>
                    </h4>
                    <div class="list">
                    	<ul class="news">
                        	<li class="clearfix">
                            	<figure>
                                	<img src="images/news.png" alt="">
                                </figure>
                                <div class="news-details">
                                	<a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit  consectetur adipiscing libero.</a>
                                    <span>7 JUN 2014</span>
                                </div>
                            </li>
                            <li class="clearfix">
                            	<figure>
                                	<img src="images/news.png" alt="">
                                </figure>
                                <div class="news-details">
                                	<a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit  consectetur adipiscing libero.</a>
                                    <span>7 JUN 2014</span>
                                </div>
                            </li>
                            
                        </ul>
                    </div>
                    <div class="paging">
                    	<a class="view" href="#">View All news</a>
                        <span class="numbers">
                        	<a href="#" class="current">1</a>
							<a href="#">2</a>
                            <a href="#">3</a>
                        </span>
                    </div>
                  </div>
  				<div class="portlet clearfix">
                  <h4 class="home-heading">
                    	Announcements
                        <span class="drag-btn"></span>
                        <span class="announcements-icon"></span>
                    </h4>
                    <div class="list">
                    	<ul class="announce">
                        	<li>
                            	<a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.</a>
                                <span>7 JUN 2014</span>
                            </li>
                            <li>
                            	<a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem consectetur adipiscing elit. scelerisque libero.</a>
                                <span>7 JUN 2014</span>
                            </li>
                        </ul>
                    </div>
                    <div class="paging">
                    	<a class="view" href="#">View all announcements</a>
                        <span class="numbers">
                        	<a href="#" class="current">1</a>
							<a href="#">2</a>
                            <a href="#">3</a>
                        </span>
                    </div>
                  </div>
 
				</div>
                </article>
                <aside class="home-right">
                	<div class="column">
 
  <div class="portlet">
  
    <h3 class="portlet-header">
    	Topics
        <span class="drag-btn"></span>
    </h3>
    <div class="portlet-content">
    	<ul class="topics">
        	<li class="clearfix">
            	<figure>
	            	<a href="#"><img src="images/acad.png" alt=""></a>
                </figure>
                <div class="details">
                	<a href="#">Academic Standing & GPA</a>
                    <p>
                    	Lorem consectetur adipiscing elit. scelerisque libero. scelerisque libero.
                    </p>
                </div>
            </li>
            <li class="clearfix">
            	<figure>
	            	<a href="#"><img src="images/result.png" alt=""></a>
                </figure>
                <div class="details">
                	<a href="#">Result</a>
                    <p>
                    	Lorem consectetur adipiscing elit. scelerisque libero. scelerisque libero.
                    </p>
                </div>
            </li>
            <li class="clearfix">
            	<figure>
	            	<a href="#"><img src="images/votes.png" alt=""></a>
                </figure>
                <div class="details">
                	<a href="#">Votes & Survey</a>
                    <p>
                    	Lorem consectetur adipiscing elit. scelerisque libero. scelerisque libero.
                    </p>
                </div>
            </li>
            <li class="clearfix">
            	<figure>
	            	<a href="#"><img src="images/complaint.png" alt=""></a>
                </figure>
                <div class="details">
                	<a href="#">Complaint/Suggestion</a>
                    <p>
                    	Lorem consectetur adipiscing elit. scelerisque libero. scelerisque libero.
                    </p>
                </div>
            </li>
            <li class="clearfix">
            	<figure>
	            	<a href="#"><img src="images/webmail.png" alt=""></a>
                </figure>
                <div class="details">
                	<a href="#">Webmail</a>
                    <p>
                    	Lorem consectetur adipiscing elit. scelerisque libero. scelerisque libero.
                    </p>
                </div>
            </li>
            <li class="clearfix">
            	<figure>
	            	<a href="#"><img src="images/calendar-colored.png" alt=""></a>
                </figure>
                <div class="details">
                	<a href="#">Calendar</a>
                    <p>
                    	Lorem consectetur adipiscing elit. scelerisque libero. scelerisque libero.
                    </p>
                </div>
            </li>
            <li class="clearfix">
            	<figure>
	            	<a href="#"><img src="images/student.png" alt=""></a>
                </figure>
                <div class="details">
                	<a href="#">Clubs</a>
                    <p>
                    	Lorem consectetur adipiscing elit. scelerisque libero. scelerisque libero.
                    </p>
                </div>
            </li>
        </ul>
    </div>
  </div>
 
  <div class="portlet">
  
    <h3 class="portlet-header">
    	Calendar
        <span class="drag-btn"></span>
    </h3>
    <div class="portlet-content">
    <div class="calendar-inline">
                	<div id="cont"></div>
                </div>
   		<a href="#" class="view-calendar">View full calendar</a>
   </div>
  </div>
  
 
</div>
                </aside>
            </div>
        </div>
    </section>
    </div>
	<footer>
    	<div class="footer-line"></div>
        Copyright © 2014[Future University in Egypt]. All rights reserved.
    </footer>
	<script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.easy-ticker.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script src="js/jscal2.js"></script>
	<script src="js/en.js"></script>
    <script src="js/calendar.js"></script>
    <script src="js/ui-drag.js"></script>
    <script src="js/jquery.fancybox.js"></script>
    <script src="js/popup.js"></script>
    <script defer src="js/jquery.flexslider.js"></script>
    <script src="js/main.js"></script>
    <script>
    	$(window).load(function(){
      $('.marketplace-slider').flexslider({
        animation: "fade",
		controlNav: false,    
		directionNav: false,
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });
    </script>
</body>
</html>